<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../dist/css/index-nav.css">
</head>
<body>
    <div class="nav-header-box">
        <div class="nav-header">
           <div class="nav-header-left">
               <a href="index.html" class="logo">
                   <img src="../static/icon/icon-logo.png" alt="">
               </a>
               <ul>
                   <li><a href="index.html">所有商品</a></li>
                   <li><a href="index.html">真无线</a></li>
                   <li><a href="index.html">颈挂式</a></li>
                   <li><a href="index.html">头戴式</a></li>
                   <li><a href="index.html">入耳式</a></li>
                   <li><a href="index.html">耳机配件</a></li>
                   <li><a href="index.html">会员礼遇</a></li>
                   <li><a href="index.html"></a>官网</li>
               </ul>
           </div> 
           <div class="nav-header-right">
               <div class="header-right-search">
                   <input type="text" placeholder="新品上市">
               </div>
               <div class="header-right-user">
                   <div class="right-user">
                       <img src="../static/icon/shopping.png" alt="">
                   </div>
                   <div class="right-shopping">
                       <img src="../static/icon/user.png" alt="">
                   </div>
               </div>
           </div>
        </div>
    </div>
</body>
</html>